<template>
  <div class="found">
    <van-nav-bar
      title="发现"
    >
    </van-nav-bar>
    <div class="row" @click="$router.push({path:'/friendsCircle'})">
      <div class="list">
        <img src="" alt="">
        <div>
          <div>朋友圈</div>
        </div>
      </div>
      <div><van-icon name="arrow"  size="20px"/></div>
    </div>
    <div class="row">
      <div class="list">
        <img src="" alt="">
        <div>
          <div>扫一扫</div>
        </div>
      </div>
      <div><van-icon name="arrow"  size="20px"/></div>
    </div>
  </div>

</template>

<script>
  export default {
    
  }
</script>

<style scoped lang='less'>
  .found{
    background-color: #e6e6e6;
    min-height: 100vh;
    .van-nav-bar{
      background-color: #5cadff;
      .van-nav-bar__title{
        color: white;
      }
    }
    .row{
      margin: 10px 0;
      background-color: white;
      padding: 10px 5px;
      border-bottom: 1px solid #eeeeee; 
      display: flex;
      justify-content: space-between;
      align-items: center;
      .list{
        display: flex;
        align-items: center;
      }
    }
  }
</style>